<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 <html xmlns="http://www.w3.org/1999/xhtml">
 <head>
       
       <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
       <title>无标题文档</title>
    <style type="text/css">
          *{margin:0;padding:0;}
           #layer1{width:100%; height:auto; text-align:center;}
		   #layer1-1{width:45%; height:90px;  background:black;text-align:center; background-color:#1B1B1B;float:left; font-size:34px; color:#FFF; font-family:youyuan; line-height:90px;} 
             
           #layer1-2{width:55%; height:90px;background:#1B1B1B;color:#074C97;text-align:center;float:left;} 
		   #layer1-2-1{width:100%;height:45px;background-color:#666; line-height:45px; font-weight:bold; color:#FFF; }
		   #navigation {
		       width:100%; height:45px;
			   background:#1A1A1A;
			   color:#FFF;
			   font-weight:bold;
			   text-align:center;
	           margin:0;
	           padding:0;
			   
			}
           #navigation a{
	
	           width:16%;
	           float:left;
	           height:45px;
	           line-height:45px;
	           color:#FFF;
	           padding:5px 5px 5px 0.5em;
	           text-decoration:none;
	           
			   
	      }	
          #navigation a:hover{
				background-color:#4F4F4F;			
	            color:#FA8D45;
				border-bottom:solid 1px #F58E56;					
		  }	 
           #layer1-3{clear:both;}
           #layer2{width:100%; height:auto;color:black;}
		   #layer2-1{
	width: 100%;
	height: 410px;
	background-color: lightblue;
	background-position: right top;
           }  
		   #layer2-1 { background:url(https://www.sightp.com/image/case-icon/bg-fish.jpg)}
		   #layer2-2{width:80%;height:400px;background-color:#FFF;;padding-left:2%; margin:4% auto;} 
		   #layer2-2-1{width:40%;height:370px;border-style:solid;background:url(https://www.easyar.cn/assets/images/index-icon/crs-icon.png);border-width:medium;margin:7px;border-color:#DADADA; border-radius:10px;float:left;}
		   #layer2-2-1 img{width:100%;}
		   #layer2-2-2{width:52.5%;height:auto;border-style:solid;border-width:medium;margin:7px;border-color:#DADADA; border-radius:10px;float:left;} 
          		   
           #layer2-2-2 h3{text-align:left; background:#666;color:white;font-size:1.2em;line-height:180%;text-align:left;} 
		   
		   #layer2-2-2 a {font-size:1em;color:black;text-decoration:none;}
		   #layer2-2-2 ul{ padding:0; margin:0;}
           #layer2-2-2 ul li{ padding:0 0 0 20px;list-style:url(images/arrow.gif) inside;line-height:250%;}
		   #layer2-2-2 table{ width:90%;}
		   #layer2-2-2 table .col1{ width:85%; }
		   #layer2-2-2 table .col2{ width:15%;text-align:right;color:gray;}
		   #layer2-2-2 a:hover{
				 color:#999;
			 }
           #layer2-2-3{clear:both;} 
           #layer2-3{width:100%;height:auto;padding:4%;background-color:#EEE; margin:0 auto;} 
		    #layer2-3 a {font-size:12px;color:black;text-decoration:none;}
		   .layer2-3-1{width:20%;height:auto;border-style:solid;border-width:medium;margin:10px 5%;border-color:#DADADA; border-radius:10px;float:left; background-color:#FFF;}
           .layer2-3-1 ul{ padding:0; margin:0;}
           .layer2-3-1 ul li{ padding:0 0 0 20px;list-style:url(images/arrow.gif) inside;line-height:200%;}
		   .layer2-3-1 table{ width:90%;}
		   .layer2-3-1 table .col1{ width:85%; }
		   .layer2-3-1 table .col2{ width:15%;text-align:right;color:gray; font-size:11px;}
		   .layer2-3-1 a:hover{ color:#FFF;}

           .layer2-3-4{clear:both;} 
		   #layer2-3 h3{text-align:left; background:#666;color:white;font-size:1.2em;line-height:180%;text-align:left;} 
		   
           .layer4{
	height: 80px;
	width: 100%;
	background-color: #131313;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
	
    #db{ font-family:heiti; font-size:12px; color:#FFF; text-align:center; line-height:50px; font-weight:inherit;}
    #db a{ font-family:heiti; font-size:12px; color:#FFF; text-align:center; text-decoration:none;}
	#db a:hover{color:#CCC; text-decoration:none;}
	#zd{ font-family:heiti; font-size:12px; color:#FFF; text-align:center;  font-weight:inherit;line-height:10px;}         
       </style>
 </head>
 <body>
       <div id="layer1">
         <div id="layer1-1">AR体验馆</div>
          <div id="layer1-2">
		      <div id="layer1-2-1">
		        <form id="form1" name="form1" method="post" action="">
		          搜索关键字：
		          <label for="textfield"></label>
		          <input type="text" name="textfield" id="textfield" />
                  <input type="submit" name="button" id="button" value="搜索" />
		        </form>
			     
			  </div>
		      <div id="navigation">
		      	<a href="#">关于AR</a>
	            <a href="#">主要产品</a>
	            <a href="#">开放平台</a>
	            <a href="#">创新创业</a>
	            <a href="#">联系我们</a>
		     </div>
			 
		  </div>
          
		  <div id="layer1-3"></div>
	   </div>
       <div id="layer2">
	      <div id="layer2-1">
			   
		  </div>
		  <div id="layer2-2">
			  <div id="layer2-2-1">
					
			  </div>
			  <div id="layer2-2-2">
			      <h3>公司要闻</h3>				
				 
				  <ul>
				 	<table>
						<tr>
							<td class="col1"><li><a href="#">招商银行AR信用卡-首款AR信用卡。</a></li></td>
							<td class="col2">3月5日</td>
						</tr>
						<tr><td class="col1"><li><a href="#">浙商银行·AR财富报告-金融可以时尚有趣，财富本就多彩绚烂。</a></li></td>
							<td class="col2">3月5日</td>
						</tr>
						<tr><td class="col1"><li><a href="#">国美Plus-电商购物APP集成AR功能，购物体验全新升级！</a></li></td>
						    <td class="col2">3月5日</td>
						</tr>
						<tr><td class="col1"><li><a href="#">支付宝-AR与支付宝合作，在2017年5月20日推出#520爱未来活动#，利用AR技术发布蚂蚁金服可持续发展报告。</a></li></td>
						    <td class="col2">3月5日</td>
						</tr>

						
					</table>				  
				 </ul>
				
				 
			  </div>
			  <div id="layer2-2-3"></div>
		  </div>
          <div id="layer2-3">
		     <div class="layer2-3-1">
			     <h3>公司要闻</h3>
				<br/>
				 <ul>
				 	<table>
						<tr>
							<td class="col1"><li><a href="#">优秀的AR底层技术与经典的好莱...</a></li></td>
							<td class="col2">3月5日</td>
						</tr>
						<tr><td class="col1"><li><a href="#">我支付宝AR扫一扫，一起召唤超萌大黄蜂！</a></li></td>
							<td class="col2">3月5日</td>
						</tr>
						<tr><td class="col1"><li><a href="#">使用聚划算的内置AR功能，寻找包装上的小惊喜~</a></li></td>
						    <td class="col2">3月5日</td>
						</tr>
						<tr><td class="col1"><li><a href="#">AR技术使经典动画电影《大闹天宫》焕发...</a></li></td>
						    <td class="col2">3月5日</td>
						</tr>
		                <tr><td class="col1"><li><a href="#">唯品会基于EasyAR一站式解决方案，在...</a></li></td>
							<td class="col2">3月5日</td>
						</tr>
		
					</table>				  
				 </ul>
				 
		     </div>
             <div class="layer2-3-1"><h3>通知公告</h3>
			    			
				 <br/>
		         <ul>
				 	<table>
						<tr>
							<td class="col1"><li><a href="#">神奇的AR童话书，学习从未如此轻松有趣！</a></li></td>
							<td class="col2">3月5日</td>
						</tr>
						<tr><td class="col1"><li><a href="#">打破产商与消费者之间的信息鸿沟，用黑科技使看房成为一种享受...</a></li></td>
							<td class="col2">3月5日</td>
						</tr>
						<tr><td class="col1"><li><a href="#">在人民日报的头版看一部科幻大片是什么样的体验？</a></li></td>
						    <td class="col2">3月5日</td>
						</tr>
						<tr><td class="col1"><li><a href="#">还在为追星发愁？AR技术告诉你和小鲜肉合影竟如此简单！</a></li></td>
						    <td class="col2">3月5日</td>
						</tr>
		                <tr><td class="col1"><li><a href="#">网易使用视＋ＡＰＰ，在上海车展上大放异彩。</a></li></td>
							<td class="col2">3月5日</td>
						</tr>
		
					</table>				  
				 </ul>
			</div>
             <div class="layer2-3-1"><h3>媒体报道</h3>
			    				
				 <br/>	
				  <ul>
				 	<table>
						<tr>
							<td class="col1"><li><a href="#">新浪山东:中粮悦活挑战赢，扫描中粮饮料logo和林志玲女神合影</a></li></td>
							<td class="col2">3月5日</td>
						</tr>
						<tr><td class="col1"><li><a href="#">大众网：视+AR帮助炭极进行商品规划应用开发...</a></li></td>
							<td class="col2">3月5日</td>
						</tr>
						<tr><td class="col1"><li><a href="#">新浪山东:AR技术助力工业4.0，让每一个人都能够成为"行家"。</a></li></td>
						    <td class="col2">3月5日</td>
						</tr>
						<tr><td class="col1"><li><a href="#">新浪山东：视+AR帮助森马创意T恤制作AR内容展示</a></li></td>
						    <td class="col2">3月5日</td>
						</tr>

					</table>				  
				 </ul>
			 </div>
			 <div class="layer2-3-4"></div>
		  </div>
    </div>    
     <div class="layer4" id="db">
       <a href="#">联系我们&nbsp;&nbsp;&nbsp;</a>|&nbsp;&nbsp;&nbsp;<a href="#">友情链接</a>&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;<a href="#">QQ群</a>
       <p id="zd">Copyright © 2012 - 2017 AR体验馆（上海）有限公司. All rights reserved. 沪ICP备12345678号</p>
   </div>
 </body>
 </html>

